<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>叮当图书网</title>
    <style>

        body {
            font-family: "微软雅黑", sans-serif;
            text-align: center; /* 所有文字居中 */
            background-color: #fefefe;
            color: #333;
        }

        .logo {
            position: relative;
            display: inline-block;
        }
        .logo img {

            display: none;
        }
        .logo::before {
            content: "www.DingDang.com";
            font-size: 36px;
            font-weight: bold;
            color: #333;
            /* 多重阴影实现3D效果 */
            text-shadow:
                    2px 2px 0 #ccc,
                    4px 4px 0 #bbb,
                    6px 6px 0 #aaa;
        }


        div:nth-of-type(2) {
            text-align: left;
            text-indent: 2em;
            margin: 10px 20px;
        }

        table {
            width: 95%;
            margin: 20px auto;
            border-collapse: collapse;
            font-size: 16px;
        }

        th, td {
            border: 1px solid #c3dcf5;
            padding: 10px;
        }

        th {
            font-size: 18px;
            color: #000;
            background-color: #d1ecff;
        }

        tr:nth-of-type(even) {
            background-color: #f7fbff;
        }

        tr:nth-of-type(odd) {
            background-color: #ebf5ff;
        }


        td:nth-child(5) {
            color: #999;
            text-decoration: line-through;
        }


        td a {
            display: inline-block;
            width: 60px;
            height: 30px;
            line-height: 30px;
            background-color: red;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        td a:hover {
            background-color: yellow;
            color: black;
        }

        /* 页脚 */
        div:last-of-type {
            margin-top: 40px;
            font-size: 14px;
            color: #666;
        }
    </style>
</head>
<body>


<div class="logo">
    <img src="lo.png" alt="www.DingDang.com">
</div>


<div>
    欢迎您来到叮当图书网，
    <a href="register.html"><span style="color: red;">[注册]</span></a>
    或者
    <a href="login.html"><span style="color: blue;">[登录]</span></a>
    成为我们的会员，然后就可以享受本站提供的各种会员服务。
</div>


<h3>图书热销榜</h3>
<table>
    <tr>
        <th>名次</th>
        <th>书名</th>
        <th>作者</th>
        <th>出版社</th>
        <th>定价</th>
        <th>叮当价</th>
        <th></th>
    </tr>
    <tr>
        <td>1</td>
        <td>快乐的邮递员</td>
        <td>[英] 艾伦·阿尔伯格 等著</td>
        <td>北京联合出版公司</td>
        <td>￥215.00</td>
        <td>￥215.00</td>
        <td><a href="#">去看看</a></td>
    </tr>
    <tr>
        <td>2</td>
        <td>债务危机</td>
        <td>[美] 瑞·达利欧 著 赵灿 熊建伟 刘波译</td>
        <td>中信出版集团</td>
        <td>￥98.00</td>
        <td>￥68.60</td>
        <td><a href="#">去看看</a></td>
    </tr>
    <tr>
        <td>3</td>
        <td>流浪的地球</td>
        <td>刘慈欣 著</td>
        <td>浙江教育出版社</td>
        <td>￥29.00</td>
        <td>￥14.20</td>
        <td><a href="#">去看看</a></td>
    </tr>
    <tr>
        <td>4</td>
        <td>神奇的校车</td>
        <td>(美) 乔安娜·柯尔 著</td>
        <td>贵州人民出版社</td>
        <td>￥198.00</td>
        <td>￥97.00</td>
        <td><a href="#">去看看</a></td>
    </tr>
</table>

<!-- 页脚 -->
<div>
    叮当图书网(中国)有限公司 2019(C)版权所有
</div>

</body>
</html>
